<template>
  <div class="themeWrap">
    <div class="theme">
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
        <a href="https://www.dance365.com/discovery/special_zone?zoneId=ff80808176f5683b0176f9ae53656bd9&filter=%255B%257B%2522filterCode%2522%253A%2522subject%2522%252C%2522filterValue%2522%253A%255B%2522all%2522%255D%257D%255D&showAllSign=0&selectOrder=integrated">
            <img src="../../../../public/images/1610527923148.png" >
        </a>
    </div>
  </div>
</template>

<script setup></script>

<style scoped>
.themeWrap{
    background-color: #F5F7F9;
}
.theme{
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    /* border: 1px solid red; */
}
img{
    width: 270px;
    height: 156px;
    margin: 10px;
    /* border: 1px solid red; */
}
</style>
